ایجاد field جدیدی برای مشخص نمودن تعداد موجود از هر محصول، در فروشگاه
نوشته شده توسط : مطلب پروژه

09367292276
azsoftir@gmail.com
azsoftir.com
09367292276azsoftir@gmail.com

azsoftir.com

09367292276
azsoftir@gmail.com

azsoftir.com

09367292276

3) کار با خصوصیت id در html

4)افزودن تگ های img به تگ اسلایدر و استایل دهی آن ها با استفاده از css جهت آماده سازی اسلایدر
- توجه فرمایید که در این بخش،کدهای html و css مربوط به اسلایدر را انجام خواهیم داد و در بخش های بعد،با استفاده از جی کوئری،اسلایدر را تکمیل خواهیم نمود.
این بخش،تمرینی بر مباحث جلسات قبل می باشد.
قیمت: 3,562 تومان
بخش 10 : ( آموزش طراحی قالب سایت )
در بخش قبل،قالب اسلایدشو را طراحی نمودیم. و اما در این بخش خواهیم دید که یک اسلایدر را واقعا چگونه باید طراحی نمود؟آنچه می آموزیم:
1) معرفی پلاگین cycle
-پلاگین cycle یکی از محبوب ترین و ساده ترین پلاگین های جی کوئری برای ایجاد عناصر متحرک به صورت اسلایدر،در صفحات html محسوب می گردد.
در این بخش به معرفی کامل این پلاگین و نمایش دموهای مختلفی از این پلاگین می پردازیم.
2)الحاق پلاگین فوق به صفحه html
3) نوشتن دستورات JQUERY لازم جهت استفاده از این پلاگین
4) نحوه تعیین افکت حرکتی اسلایدشو (زوم،اسکرول و...)
5) ایجاد دکمه های next و previous جهت کنترب اسلایدر توسط کاربر
6) آموزش دستور z-index در CSS
7) کار با فوتوشاپ و آشنایی بیشتر با این نرم افزار گرافیکی
- هرچند یک طراح وب،لزوما گرافیست نیست،اما لازمه کار یک طراح وب حرفه ای،بی شک،آشنایی با ابزارهایی چون فوتوشاپ می باشد.
8) آموزش تعیین فاصله زمانی بین تصاویر اسلایدشو
9)نحوه معرفی دکمه های next و previuos به پلاگین cycle
و...
قیمت: 3,562 تومان
بخش 11 : ( آموزش طراحی قالب سایت )
در بخش یازدهم،به تکمیل و تمرین بشتر بر روی اسلایدشو ساخته شده می پردازیم.آنچه می بینیم:

1) نحوه مخفی کردن دکمه های کنترلی اسلایدشو و ظاهرکردن آنها هنگام قرارگیری ماوس روی اسلایدر

2) نحوه استفاده از opacity برای محو کردن و سپس نمایش دکمه های کنترلی اسلایدر با function های دوگانه hover

3) آشنایی با animate برای حرکات انیمیشنی در jquery و تغییر opacity دکمه های کنترلی در مدت زمان خاص مشخص شده در دستور animate

4) ایجاد تگ جدید div برای بخش جدیدترین کالاها

5) کاربردها و مثال هایی از دستورات width،background،float،,list-style و ... در css برای استایل دهی به بخش های موجود

6) استفاده از تگ ul و li برای نمایش جدیدترین محصولات و هم چنین یادگیری نحوه استایل دهی به این المان ها

7) کاربردهایی از دستورات direction و text-align برای راست چین کردن نوشته ها

8) تنظیمات مربوط به حاشیه های و margin ها

9) کار با تگ h2 و ایجاد عنوان بخش جدیدترین کالاها به همراه یک عکس در کنار عنوان با کمک تگ img

09367292276
azsoftir@gmail.com
azsoftir.com
09367292276azsoftir@gmail.com

azsoftir.com

09367292276
azsoftir@gmail.com

azsoftir.com

09367292276


بخش 12 : ( آموزش طراحی قالب سایت )
در بخش دوازدهم،برآنچه که تا کنون آموخته ایم،مروری خواهیم داشت.
1)ایجاد بخشی جدید در قالب فروشگاه،تحت عنوان کالاهای پیشنهادی

2) تمرینی بر دستور padding جهت ایجاد حاشیه داخلی

3) استایل دهی به بخش فوق با استفاده از دستورات css

4) ایجاد تگ h2 جهت نمایش عنوان مربوط به کالاهای پیشنهادی

5) مثال هایی دیگر از دستورات float جهت نمایش المان ها در یک ردیف در کنار یکدیگرو هم چنین بحث پیرامون مشکلات احتمالی این دستور

6) عیب یابی کدنویسی قالب و رفع مشکل با استفاده از فایرباگ (firebug)

7) ایجاد زیرخط زیبا و گرافیکی جهت جدا کردن عنوان از بخش های درون کالاهای پیشنهادی

8) مثالی دیگر از دستور box-shadow برای ایجاد سایه در اطراف یک المان

9) کار با دستور list-style و نحوه حذف نقاط توپر سیاه رنگ کنار تگ های li

10) کاربردی دیگر از دستور direction و مشخص نمودن جهت شروع کدنویسی html

11) استایل دهی به تگ ul و li های درون آن و هم چنین مشخص نمودن padding یا همان حاشیه داخلی و هم چنین سایر دستورات css
قیمت: 3,562 تومان
بخش 13 : ( آموزش طراحی قالب سایت )
در بخش سیزدهم،بخش جدیدی تحت عنوان پروفروش ترین محصولات را به قالب فروشگاه اضافه می نماییم.
آنچه می بینیم:
1) ایجاد بخش پرفروش ترین ها و تبدیل آن به چهارستون مساوی در html با استفاده از دستورات CSS
2) درج تصاویر مربوط به پرفروش ترین محصولات به همراه عنوان و توضیحات محصول در کنار یکدیگر
3) نمایش وضعیت موجود بودن یا نبودن محصول
4) آموزش چیدن چندین عنصر در یک ردیف در html با کمک گرفتن از css
این بخش جهت تمرین بیشتر بر مبحث طراحی قالب ودستورات css و همچنین html پیشنهاد می گردد.
قیمت: 3,562 تومان
بخش 14 : ( آموزش طراحی قالب سایت )
در چهاردهمین قسمت از این مجموعه آموزشی، قصد داریم سه بخش دیگر با عنوان اضافه به سبد خرید،توضیحات محصول،محصولات مشابه را برای هر محصول طراحی کنیم.هنگامی که کاربر موس خود را روی یکی از محصولات قرار دهد سه گزینه فوق به کاربر نمایش داده می شود.
در این بخش خواهیم دید:

09367292276
azsoftir@gmail.com
azsoftir.com
09367292276azsoftir@gmail.com

azsoftir.com

09367292276
azsoftir@gmail.com

azsoftir.com

09367292276


1) ایجاد div جدید با id برابر با tozihat جهت نمایش سه مورد فوق

2) کاربردی دیگر از position از نوع absolute و بررسی دقیق مفهوم و کاربرد آن در کدنویسی

3) چگونگی افزودن یک بخش به داخل بخش دیگر بدون به هم ریختن و جابه جا شدن سایر اجزای موجود در آن بخش

4) نحوه قرارگیری یک المان یا بخش دقیقا در وسط بخش دیگر با استفاده از css

5) کار با دستور line-height در css و تنظیم موقعیت محتوای درون یک بخش بدون جابه جایی کل بخش
و...
این بخش به تسلط هرچه بیشتر بر دو مورد بسیار اساسی یعنی html وcss کمک می کند.
قیمت: 3,562 تومان
بخش 15 : ( آموزش طراحی قالب سایت )
در پانزدهمین بخش از مجموعه آموزشی طراحی فروشگاه اینترنتی بازهم به سراغ پلاگین جی کوئری خواهیم رفت و با سلکتور و event که دو مفهوم اساسی در کدنویسی جی کوئری هستندبیشتر آشنا خواهیم شد.
آنچه در این بخش خواهیم آموخت:

1) یادآوری در ارتباط با نحوه الحاق پلاگین جی کوئری به صفحه

2) بررسی نکاتی در رابطه با نحوه افزایش سرعت لود سایت و جلوگیری از کند شدن سایت

3) توضیح دقیق دستور hover در جی کوئری و کار با دو تابع موجود در این دستور

4) بررسی مفهوم this در جی کوئری

5) کار با دستور find در جی کوئری برای یافتن یک بخش درون بخشی دیگر

6) کار با animate جهت انجام دستورات css و به عنوان نمونه opacity یک بخش به صورت انیمیشنی

7) مقایسه animate با css در جی کوئری و بررسی تفاوت های آنها

8) کار با دستور addClass در جی کوئری برای افزودن کلاس به یک المان

9) کار با دستور removeClass جهت حذف class از یک المان

10) نحوه افزودن یا حذف یک استایل از جمله box-shadow مربوط به یک بخش مشخص

09367292276
azsoftir@gmail.com
azsoftir.com
09367292276azsoftir@gmail.com

azsoftir.com

09367292276
azsoftir@gmail.com

azsoftir.com

09367292276


11) کاربردی از important در دستورات css و بررسی مفهوم آن
قیمت: 3,562 تومان
بخش 16 : ( آموزش طراحی قالب سایت )
در بخش شانزدهم طراحی فروشگاه اینترنتی به یکی از مفاهیم ساده اما بسیار کاربردی در طراحی وب سایت و انجام پروژه های برنامه نویسی تحت وب خواهیم پرداخت.مفهوم masterpage نه تنها در php بلکه در هر زبان برنامه نویسی دیگری نیز کاربرد فراوانی دارد.

استفاده ازین مفهوم،چند مزیت بسیار بزرگ دارد: نخست آنکه اگر بخشی مشترک در صفحات وب سایت وجود داشته باشد نیازی نیست که کدهای مربوط به آن بخش را در تمامی صفحات بنویسیم و یا آن کدهای طولانی را کپی کنیم.



2) دوما آنکه اگر بعدها بخواهیم تغییری را در آن قسمت ایجاد کنیم نیازی نیست که در تک تک آن صفحات اصلاحاتی را ایجاد کنیم، بلکه با استفاده از مفهوم بسیار کاربردی مستر پیج می توان تنها با یک بار تغییر این تغییرات را در تمامی صفحات به صورت خودکاراعمال کرد.

3) صفحات سایت بسیار خلوت تر شده و کار کردن با آنها ساده تر می گردد و از سردر گم شدن طراح جلوگیری می نماید.



4) با استفاده از مسترپیج به سادگی قادر خواهید بود که کدهای css مشترک در تمام صفحات را تنها با یکبار نوشتن در تمامی صفحات اعمال نمایید،

به عنوان مثال فرض کنید که در تمامی صفحات قصد دارید دستور css به صورت زیر اعمال کنید:

img{border:none;}

بدون استفاده از مسترپیج ناچاریم که در تمامی صفحاتی که طراحی کرده ایم این دستور را بنویسیم، اما به کمک مستر پیج می توان با استفاده از یک بخش مشترک در صفحات طراحی شده، فقط یکبار این دستور را بنویسیم و در تمامی صفحات آن را اجرا نماییم.

09367292276
azsoftir@gmail.com
azsoftir.com
09367292276azsoftir@gmail.com

azsoftir.com

09367292276
azsoftir@gmail.com

azsoftir.com

09367292276




5) در مورد فراخوانی پلاگین هایی نظیر جی کوئری یا صفحات css خارجی نیز این توضیحات صادق است، بدین معنی که اگر قصد دارید یک فایل css خارجی را به تمامی صفحات الحاق کنید یا آنکه یک فایل جاوااسکریپت یا پلاگینی را به تمام صفحات الحاق کنید با استفاده از مسترپیج کار بسیار ساده تر و سریع تر خواهد بود.

در قسمت های بعد با کاربردهای این مفهوم بیشتر آشنا خواهیم شد.

تجربه ثابت کرده است که طراح، بدون استفاده ازین مفهوم ساده اما کاربردی قطعا و بدون شک در آینده ای نزدیک پس از طراحی سایت و انجام برنامه نویسی با مشکلات بسیار بزرگی روبه رو خواهد شد.
قیمت: 3,562 تومان
بخش 17 : ( آموزش طراحی قالب سایت )
در هفدهمین بخش از مجموعه آموزشی طراحی فروشگاه آنلاین، به یکی از مباحث به روز و کاربردی در css3 خواهیم پرداخت.transition در css برای ایجاد افکت های انیمیشنی در حالتی که موس را روی یک بخش از صفحه قرار می دهیم کاربرد دارد.

فرض کنید که می خواهید width یک بخش را به صورت انیمیشنی با استفاده از دستورات css تغییر دهید و از جاوااسکریپ یا جی کوئری هم استفاده نکنید،در این حالت باید به سراغ transition بروید.با استفاده از transition قادر خواهیم بود که خواص css را با حالت انیمیشنی و جلوه بسیار زیبا در مدت زمان معین و با افکت ویژه تغییر دهیم.آنچه در این مجموعه خواهیم دید:

1) مقایسه دستور hover در css با دستور transition و بررسی تفاوت های آنها در یک مثال کاملا عملی

2) استفاده از دستور transition برای تغییر رنگ بخش هایی از سایت به حالت انیمیشنی

3) بررسی موشکافانه همه ویژگی های مربوط به transition و هم چنین بررسی easing های متنوع و افکت های مختلف در این دستور

4) معرفی سایتی برای ساخت انواع transition ها به صورت آنلاین و هم چنین نحوه استفاده از آن در صفحات طراحی شده

5) بررسی پیشوندهای -o- ، -webkit-،-moz- و مفهوم آنها در transition و سازگاری آن با اتواع مرورگرها

6) بررسی delay در transition

7) بررسی مفهوم all در transition

8) کاربردی از transition جهت تغییر width یک بخش و هم چنین تغییر border یا کادر آن و هم چنین خواصی دیگر در css

9) استفاده از class برای دادن استایلی خاص به یک قسمت از صفحه

و...

09367292276
azsoftir@gmail.com
azsoftir.com
09367292276azsoftir@gmail.com

azsoftir.com

09367292276
azsoftir@gmail.com

azsoftir.com

09367292276


و اما نکته بسیار مهم دیگری که باید به آن بپردازیم تست کردن وب سایت در مرورگر اینترنت اکسپلورر (که همواره یکی از مزاحم های اصلی در طراحی وب سایت است) می باشد.

در این بخش آنچه که تا کنون طراحی کرده ایم را در مرورگر IE نیز تست می کنیم و مشاهده خواهیم نمود که اشکالات و به هم ریختگی هایی در آن وجود دارد، سپس به رفع این مشکلات و به هم ریختگی ها و نیز سازگار نمودن وب سایت با این مرورگر خواهیم پرداخت.

البته اینکه چگونه یک وب سایت را با IE سازگار کنیم نیاز به تجربه و تمرین فراوان دارد که با دیدن این مجموعه تجربیات بسیار مهمی را فرا خواهیم گرفت.
قیمت: 3,562 تومان
بخش 18 : ( آموزش PHP/منوی داینامیک )
موضوع:php | از این بخش به بعد کدنویسی php را به صورت حرفه ای آغاز خواهیم کرد.
به این ترتیب که تک تک قسمت های سایت را از حالت استاتیک به حالت داینامیک تبدیل می کنیم.مزیت داینامیک بودن سایت آن است که افزودن یا حذف یا ویرایش بخش های داینامیک به سادگی توسط مدیر سایت امکان پذیر است و عملا دیگر نیازی به دستکاری کدهای html که کاری وقت گیر است، نخواهد بود.در این بخش به داینامیک نمودن منوی اصلی سایت(منوی بالای سایت) خواهیم پرداخت.بدین صورت که table جدیدی در دیتابیس مربوطه ایجاد خواهیم کرد و سپس آیتم های منو را در این جدول ذخیره سازی خواهیم نمود.

فعلا عمل insert را به صورت دستی در دیتابیس انجام می دهیم و در آموزش های مربوط به ساخت پنل مدیریت به نحوه insert کردن منوی جدید یا سایر اعمال دیگر از جمله delete کردن یا edit کردن یک منو نیز خواهیم پرداخت.پس از ایجاد جدول و وارد کردن منوهای مورد نظر در جدول ، حال باید به سراغ دریافت اطلاعات از دیتابیس برویم و با استفاده از دستوری مانند PDO اطلاعات را دریافت نموده و در صفحه به کاربر نمایش دهیم.آنچه در این بخش خواهیم آموخت:

1) نحوه ایجاد یک دیتابیس جدید و تنظیم collation آن برای سازگاری با زبان فارسی

2) ایجاد جدولی به نام tblmenu برای ذخیره سازی منوها در آن

3) ایجاد سه فیلد جدید با نام های id،title،img از نوع int،varchar و مشخص نمودن طول آنها

4) insert کردن منوهای مورد نظر و هم چنین وارد نمودن آدرس عکس ها یا آیکن های هر منو

5) ایجاد فایل جدیدی با نام connect.php جهت اتصال به دیتابیس مورد نظر

6) استفاده از دستور PDO و نحوه اتصال به دیتابیس (پایگاه داده) با استفاده از این دستور

7) بررسی یوزر و پسورد در لوکال و هاست واقعی و نحوه وارد نمودن آنها جهت اتصال به بانک

- پس از آنکه پروژه به اتمام رسید پروژه را به صورت واقعی روی هاست اصلی نیز آپلود خواهیم نمود.

8) تنظیم NAMES در دستور PDO جهت تنظیم بر روی utf-8

9) فراخوانی فایل connect.php و نحوه ایجاد کوئری جدید در php

09367292276
azsoftir@gmail.com
azsoftir.com
09367292276azsoftir@gmail.com

azsoftir.com

09367292276
azsoftir@gmail.com

azsoftir.com

09367292276


10) چگونگی prepare کردن کوئری در PDO سپس execute نمودن آن کوئری

11) استفاده از دستور:

fetch(PDO::FETCH_ASSOC)

جهت دریافت سطرهای خوانده شده از دیتابیس.

12) دریافت مقادیر موجود در هر فیلد دیتابیس و ذخیره سازی آنها در یک متغیر

13)echo کردن مقادیر دریافتی از دیتابیس در ul مربوط به منوی بالای صفحه و ایجاد یک li به ازای هر آیتم دریافتی از دیتابیس
قیمت: 3,562 تومان
بخش 19 : ( آموزش PHP/منوی داینامیک )
موضوع:PHP | در ادامه بخش هجدهم، در این قسمت به تکمیل داینامیک نمودن منوی اصلی سایت می پردازیم.در قسمت قبل منوها را داینامیک نمودیم و اما در این بخش قصد داریم زیرمنوها را نیز به صورت داینامیک از دیتابیس دریافت کنیم و به کاربران نمایش دهیم.آنچه در این بخش خواهیم دید:

1) ایجاد table جدیدی با نام tblzirmenu در دیتابیس جهت ذخیره سازی زیرمنوها

2)ایجاد سه فیلد id,title,parent از نوع int,varchar,varchar در جدول فوق

3)insert نمودن برخی از زیرمنوها در این table

4)یافتن تعداد زیرمنوهای هرمنو با استفاده از دستور rowCount در PDO

5) استفاده از دستور شرطی if جهت نمایش یا عدم نمایش زیرمنو در صورت وجود یا عدم وجود

6) استفاده از کوئری select جهت اتصال به دیتابیس و فراخوانی زیرمنوها

7) کاربرد حلقه while تو در تو جهت fetch کردن زیرمنوها از tblzirmenu

8) نحوه نوشتن مقدار متغیرهای غیرعددی در یک کوئری با استفاده از سینگل کوتیشن یا دابل کوتیشن ها

9) توضیحاتی در مورد ترکیب متغیرها و دستورات مربوط به php و رفع ایرادات احتمالی یا باگ ها

10) prepare نمودن و سپس execute کردن و هم چنین fetch کردن اطلاعات با استفاده از PDO در php
قیمت: 3,562 تومان
بخش 20 : ( آموزش PHP/اسلایدشو داینامیک )
موضوع:PHP | در ادامه بخش نوزدهم، در این قسمت به داینامیک نمودن اسلایدر سایت می پردازیم .به عبارت دیگر قصد داریم که اسلایدری که قبلا طراحی کرده بودیم را از حالت استاتیک به حالت داینامیک تبدیل کنیم. در ادامه این مجموعه به نحوه ایجاد بخشی در پنل مدیریت جهت انتخاب تصاویر موجود در اسلاید نیز خواهیم پرداخت. و اما آنچه در این بخش خواهیم دید:

1) ایجاد table جدیدی با نام tblmahsool در دیتابیس جهت ذخیره سازی محصولات

09367292276
azsoftir@gmail.com
azsoftir.com
09367292276azsoftir@gmail.com

azsoftir.com

09367292276
azsoftir@gmail.com

azsoftir.com

09367292276


2)ایجاد سه فیلد id,title,img,slideاز نوع int,varchar,varchar,int در جدول فوق

3)insert نمودن برخی ازمحصولات فروشگاه در این table

4)چگونگی مشخص نمودن تصاویری که باید در این اسلایدر نمایش داده شوند.(با استفاده از field مربوط به slide)

5) مثالی دیگر از کوئری های شرطی با استفاده از where و اتخاب برخی از سطرهای دیتابیس

6) نحوه نوشتن مقدار متغیرهای غیرعددی در یک کوئری با استفاده از سینگل کوتیشن یا دابل کوتیشن ها

7) توضیحاتی در مورد ترکیب متغیرها و دستورات مربوط به php و رفع ایرادات احتمالی یا باگ ها
(تولید کوئری ترکیب رشته ای)

8) prepare نمودن و سپس execute کردن و هم چنین fetch کردن اطلاعات با استفاده از PDO در php

و...
قیمت: 3,562 تومان
بخش 21 : ( آموزش PHP/بخش جدیدترین محصولات )
موضوع:PHP | در ادامه بحث داینامیک کردن بخش های استاتیک وب سایت، در این قسمت به داینامیک نمودن بخش جدیدترین محصولات سایت می پردازیم .به عبارت دیگر قصد داریم که بخش جدیدترین محصولات که قبلا طراحی کرده بودیم را از حالت استاتیک به حالت داینامیک تبدیل کنیم. در ادامه ، بخش پرفروش ترین محصولات را نیز به صورت داینامیک در سایت نمایش خواهیم داد.و اما آنچه در این بخش خواهیم دید:

1) مفهوم و کاربرد order by fieldname desc/asc و بحث انتخاب براساس نزولی یا صعودی بودن فیلد

-به عبارتی، نحوه انتخاب سطرهای جدول را به صورت نزولی یا صعودی با استفاده از کوئری های pdo را خواهیم آموخت.

2) انتخاب چهار محصول جدید که به فروشگاه اضافه شده و سپس نمایش آنها در وب سایت به صورت اتوماتیک

3) کاربرد عملی و بررسی مفهوم limit در کوئری های sql

- با استفاده از این مفهوم می توان تعداد سطرهای خوانده شده از جدول محصولات را محدود کرد.

4) echo کردن li های مربوط به بخش جدیدترین محصولات با استفاده از حلقه while

5) ایجاد field جدیدی در جدول محصولات که تعداد فروش هر محصول را ذخیره می کند.

6) انتخاب پرفروش ترین محصولات براساس فیلد foroosh در جدول محصولات با استفاده از دستور order به صورت کاملا خودکار

09367292276
azsoftir@gmail.com
azsoftir.com
09367292276azsoftir@gmail.com

azsoftir.com

09367292276
azsoftir@gmail.com

azsoftir.com

09367292276


7) ایجاد field جدیدی برای مشخص نمودن تعداد موجود از هر محصول، در فروشگاه

8) چگونگی تشخیص موجو بودن یا نبودن محصول در فروشگاه و سپس نمایش پیغام مناسب با توجه به موجود بودن یا نبودن م

 





:: موضوعات مرتبط: php-new , ,
:: بازدید از این مطلب : 64
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : شنبه 22 تير 1398 | نظرات ()
مطالب مرتبط با این پست
لیست
می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: